<!DOCTYPE html>
<html>
    
    <head>
        <title>
            Screen3
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta names="apple-mobile-web-app-status-bar-style" content="black-translucent"
        />
        <link href="files/resources/lib/theme/jqm/jqm.css" rel="stylesheet" />
        <link href="files/resources/lib/jquerymobile/1.3.0/jquery.mobile.structure-1.3.0.min.css"
        rel="stylesheet" />
        <script type="text/javascript" src="files/resources/lib/store/json2.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/jquery/jquery-1.8.2.js">
        </script>
        <script type="text/javascript">
                    $(document).bind("mobileinit", function()
            {
                if (navigator.userAgent.indexOf("Android") != -1)
                {
                    $.mobile.defaultPageTransition = 'none';
                    $.mobile.defaultDialogTransition = 'none';
                }
            });
        </script>
        <script type="text/javascript" src="files/resources/lib/jquerymobile/1.3.0/jquery.mobile-1.3.0.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/mobilebase.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/event/customEventHandler.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/sha1.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/oauth.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/contexts.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/jsonpath.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/jquery.xml2json.min.js">
        </script>
        <script type="text/javascript" src="files/resources/lib/base/appery.js">
        </script>
        <link href="files/resources/css/mobilebase.css" rel="stylesheet" type="text/css"
        />
    </head>
    
    <body>
        <script language="JavaScript" type="text/javascript">
                if (navigator.userAgent.match(/iP/i))
        {
            $(window).bind('orientationchange', function(event)
            {
                $('meta[name="viewport"]').attr('content', 'initial-scale=1.0,maximum-scale=1.0, ' + ((window.orientation == 90 || window.orientation == -90 || window.orientation == 270) ? "height=device-width,width=device-height" : "height=device-height,width=device-width"));
            }).trigger('orientationchange');
        }
        </script>
        <div data-role="page" style="min-height:480px;" dsid="Screen3" id="j_31" class="type-interior"
        data-theme="a" data-add-back-btn="true" data-back-btn-text="Back">
            <!-- mobilecontainer -->
            <div data-role="content" id="j_34" name="mobilecontainer" class=" mobilecontainer3"
            dsid="mobilecontainer" data-theme="">
                <link href="Screen3.css" rel="stylesheet" type="text/css" />
                <script type="text/javascript" src="Screen3.js">
                </script>
                <!-- mobilecollapsibleset_17 -->
                <div data-role="collapsible-set" data-theme="a" data-content-theme=a data-collapsed-icon='plus'
                data-expanded-icon='minus' name="mobilecollapsibleset_17" id="j_35" dsid="mobilecollapsibleset_17"
                class=' mobilecollapsibleset2 '>
                    <!-- mobilecollapsblock4 -->
                    <div data-role="collapsible" id="j_36" name="mobilecollapsblock_18" dsid="mobilecollapsblock_18"
                    data-collapsed="true" data-theme="a" data-content-theme="a" data-iconpos='left' class=' mobilecollapsblock4 '
                    reRender='mobilecollapsibleset_17'>
                        <h3 id="j_37" name="mobilecollapsblockheader_19" dsid="mobilecollapsblockheader_19">
                            text
                        </h3>
                    </div>
                    <!-- mobilecollapsblock5 -->
                    <div data-role="collapsible" id="j_39" name="mobilecollapsblock_21" dsid="mobilecollapsblock_21"
                    data-collapsed="true" data-theme="a" data-content-theme="a" data-iconpos='left' class=' mobilecollapsblock5 '
                    reRender='mobilecollapsibleset_17'>
                        <h3 id="j_40" name="mobilecollapsblockheader_22" dsid="mobilecollapsblockheader_22">
                            text
                        </h3>
                    </div>
                    <!-- mobilecollapsblock6 -->
                    <div data-role="collapsible" id="j_42" name="mobilecollapsblock_24" dsid="mobilecollapsblock_24"
                    data-collapsed="false" data-theme="a" data-content-theme="a" data-iconpos='left'
                    class=' mobilecollapsblock6 ' reRender='mobilecollapsibleset_17'>
                        <h3 id="j_43" name="mobilecollapsblockheader_25" dsid="mobilecollapsblockheader_25">
                            text
                        </h3>
                    </div>
                </div>
                <!-- mobilecollapsblock7 -->
                <div data-role="collapsible" id="j_45" name="mobilecollapsblock_28" dsid="mobilecollapsblock_28"
                data-collapsed="false" data-theme="a" data-content-theme="a" data-iconpos='left'
                class=' mobilecollapsblock7 '>
                    <h3 id="j_46" name="Forms" dsid="Forms">
                        Forms
                    </h3>
                    <!-- Request -->
                    <a data-role="button" name="Request" dsid="Request" class='  mobilebutton9' id='j_48'
                    data-corners="true" data-icon="arrow-r" data-iconpos="left" data-mini="true" data-theme="a"
                    tabIndex="5">
                    Request Off
                    </a>
                    <!-- mobilebutton_36 -->
                    <a data-role="button" name="mobilebutton_36" dsid="mobilebutton_36" class='  mobilebutton10'
                    id='j_49' data-corners="true" data-icon="arrow-r" data-iconpos="left" data-mini="true"
                    data-theme="a" tabIndex="6">
                    Summer School
                    </a>
                </div>
            </div>
            <!-- mobilefooter1 -->
            <div data-role="footer" data-position="fixed" class=" mobilefooter3" name="mobilefooter1"
            dsid="mobilefooter1" id="j_50" data-theme="a">
            </div>
        </div>
    </body>

</html>